<meta charset="utf-8">
<title>tagCloud demo</title>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.9/vue.min.js"></script>
<script src="../lib/tagCloud/tagCloud.umd.min.js"></script>


<div id="app">
  <demo :data="list"></demo>
</div>

<script>
new Vue({
  components: {
    demo: tagCloud
  },
  data: function() {
    return {
      list: [
        { code: "999林....标签2", docCount: 100, hotValue: 999999 * 4 },
        { code: "666林....标签28", docCount: 50, hotValue: 999999 * 4 },
        { code: "22222!@#$%^&*()__+[]\\", docCount: 200, hotValue: 999999 * 4 },
        { code: "林....标签8", docCount: 0, hotValue: "-100" },
        { code: "林....标签26", docCount: 0, hotValue: "-100" },
        { code: "林....标签17", docCount: 0, hotValue: "-100" },
        { code: "林....标签4", docCount: 0, hotValue: "-100" },
        { code: "蔡标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签24", docCount: 0, hotValue: "-100" },
        { code: "林....标签12", docCount: 0, hotValue: "-100" },
        { code: "蔡标签19", docCount: 0, hotValue: "-100" },
        { code: "才1标签", docCount: 0, hotValue: "-100" },
        { code: "林....标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签4", docCount: 0, hotValue: "-100" },
        { code: "标签16", docCount: 0, hotValue: "-100" },
        { code: "林标签4", docCount: 0, hotValue: "-100" },
        { code: "标签3", docCount: 0, hotValue: "-100" },
        { code: "林....标签20", docCount: 0, hotValue: "-100" },
        { code: "蔡......标签22", docCount: 0, hotValue: "-100" },
        { code: "蔡标签3", docCount: 0, hotValue: "-100" },
        { code: "蔡标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签14", docCount: 0, hotValue: "-100" },
        { code: "B标签", docCount: 0, hotValue: "200" },
        { code: "标签9", docCount: 0, hotValue: "-100" },
        { code: "oooo", docCount: 0, hotValue: "-100" },
        { code: "wwww", docCount: 0, hotValue: "-100" },
        { code: "标签23", docCount: 0, hotValue: "-100" },
        { code: "标签11", docCount: 0, hotValue: "-100" },
        { code: "999999999", docCount: 0, hotValue: "-100" },
        { code: "林....标签2", docCount: 0, hotValue: "-100" },
        { code: "林....标签28", docCount: 0, hotValue: "-100" },
        { code: "!@#$%^&*()__+[]\\", docCount: 0, hotValue: "-100" },
        { code: "林....标签8", docCount: 0, hotValue: "-100" },
        { code: "林....标签26", docCount: 0, hotValue: "-100" },
        { code: "林....标签17", docCount: 0, hotValue: "-100" },
        { code: "林....标签4", docCount: 0, hotValue: "-100" },
        { code: "蔡标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签24", docCount: 0, hotValue: "-100" },
        { code: "林....标签12", docCount: 0, hotValue: "-100" },
        { code: "蔡标签19", docCount: 0, hotValue: "-100" },
        { code: "才1标签", docCount: 0, hotValue: "-100" },
        { code: "林....标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签4", docCount: 0, hotValue: "-100" },
        { code: "标签16", docCount: 0, hotValue: "-100" },
        { code: "林标签4", docCount: 0, hotValue: "-100" },
        { code: "标签3", docCount: 0, hotValue: "-100" },
        { code: "林....标签20", docCount: 0, hotValue: "-100" },
        { code: "蔡......标签22", docCount: 0, hotValue: "-100" },
        { code: "蔡标签3", docCount: 0, hotValue: "-100" },
        { code: "蔡标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签14", docCount: 0, hotValue: "-100" },
        { code: "B标签", docCount: 0, hotValue: "200" },
        { code: "标签9", docCount: 0, hotValue: "-100" },
        { code: "oooo", docCount: 0, hotValue: "-100" },
        { code: "wwww", docCount: 0, hotValue: "-100" },
        { code: "标签23", docCount: 0, hotValue: "-100" },
        { code: "标签11", docCount: 0, hotValue: "-100" },
        { code: "999999999", docCount: 0, hotValue: "-100" },
        { code: "林....标签2", docCount: 0, hotValue: "-100" },
        { code: "林....标签28", docCount: 0, hotValue: "-100" },
        { code: "!@#$%^&*()__+[]\\", docCount: 0, hotValue: "-100" },
        { code: "林....标签8", docCount: 0, hotValue: "-100" },
        { code: "林....标签26", docCount: 0, hotValue: "-100" },
        { code: "林....标签17", docCount: 0, hotValue: "-100" },
        { code: "林....标签4", docCount: 0, hotValue: "-100" },
        { code: "蔡标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签24", docCount: 0, hotValue: "-100" },
        { code: "林....标签12", docCount: 0, hotValue: "-100" },
        { code: "蔡标签19", docCount: 0, hotValue: "-100" },
        { code: "才1标签", docCount: 0, hotValue: "-100" },
        { code: "林....标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签4", docCount: 0, hotValue: "-100" },
        { code: "标签16", docCount: 0, hotValue: "-100" },
        { code: "林标签4", docCount: 0, hotValue: "-100" },
        { code: "标签3", docCount: 0, hotValue: "-100" },
        { code: "林....标签20", docCount: 0, hotValue: "-100" },
        { code: "蔡......标签22", docCount: 0, hotValue: "-100" },
        { code: "蔡标签3", docCount: 0, hotValue: "-100" },
        { code: "蔡标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签14", docCount: 0, hotValue: "-100" },
        { code: "B标签", docCount: 0, hotValue: "200" },
        { code: "标签9", docCount: 0, hotValue: "-100" },
        { code: "oooo", docCount: 0, hotValue: "-100" },
        { code: "wwww", docCount: 0, hotValue: "-100" },
        { code: "标签23", docCount: 0, hotValue: "-100" },
        { code: "标签11", docCount: 0, hotValue: "-100" },
        { code: "999999999", docCount: 0, hotValue: "-100" },
        { code: "林....标签2", docCount: 0, hotValue: "-100" },
        { code: "林....标签28", docCount: 0, hotValue: "-100" },
        { code: "!@#$%^&*()__+[]\\", docCount: 0, hotValue: "-100" },
        { code: "林....标签8", docCount: 0, hotValue: "-100" },
        { code: "林....标签26", docCount: 0, hotValue: "-100" },
        { code: "林....标签17", docCount: 0, hotValue: "-100" },
        { code: "林....标签4", docCount: 0, hotValue: "-100" },
        { code: "蔡标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签24", docCount: 0, hotValue: "-100" },
        { code: "林....标签12", docCount: 0, hotValue: "-100" },
        { code: "蔡标签19", docCount: 0, hotValue: "-100" },
        { code: "才1标签", docCount: 0, hotValue: "-100" },
        { code: "林....标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签4", docCount: 0, hotValue: "-100" },
        { code: "标签16", docCount: 0, hotValue: "-100" },
        { code: "林标签4", docCount: 0, hotValue: "-100" },
        { code: "标签3", docCount: 0, hotValue: "-100" },
        { code: "林....标签20", docCount: 0, hotValue: "-100" },
        { code: "蔡......标签22", docCount: 0, hotValue: "-100" },
        { code: "蔡标签3", docCount: 0, hotValue: "-100" },
        { code: "蔡标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签14", docCount: 0, hotValue: "-100" },
        { code: "B标签", docCount: 0, hotValue: "200" },
        { code: "标签9", docCount: 0, hotValue: "-100" },
        { code: "oooo", docCount: 0, hotValue: "-100" },
        { code: "wwww", docCount: 0, hotValue: "-100" },
        { code: "标签23", docCount: 0, hotValue: "-100" },
        { code: "标签11", docCount: 0, hotValue: "-100" },
        { code: "999999999", docCount: 0, hotValue: "-100" },
        { code: "林....标签2", docCount: 0, hotValue: "-100" },
        { code: "林....标签28", docCount: 0, hotValue: "-100" },
        { code: "!@#$%^&*()__+[]\\", docCount: 0, hotValue: "-100" },
        { code: "林....标签8", docCount: 0, hotValue: "-100" },
        { code: "林....标签26", docCount: 0, hotValue: "-100" },
        { code: "林....标签17", docCount: 0, hotValue: "-100" },
        { code: "林....标签4", docCount: 0, hotValue: "-100" },
        { code: "蔡标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签24", docCount: 0, hotValue: "-100" },
        { code: "林....标签12", docCount: 0, hotValue: "-100" },
        { code: "蔡标签19", docCount: 0, hotValue: "-100" },
        { code: "才1标签", docCount: 0, hotValue: "-100" },
        { code: "林....标签6", docCount: 0, hotValue: "-100" },
        { code: "林....标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签4", docCount: 0, hotValue: "-100" },
        { code: "标签16", docCount: 0, hotValue: "-100" },
        { code: "林标签4", docCount: 0, hotValue: "-100" },
        { code: "标签3", docCount: 0, hotValue: "-100" },
        { code: "林....标签20", docCount: 0, hotValue: "-100" },
        { code: "蔡......标签22", docCount: 0, hotValue: "-100" },
        { code: "蔡标签3", docCount: 0, hotValue: "-100" },
        { code: "蔡标签13", docCount: 0, hotValue: "-100" },
        { code: "蔡标签14", docCount: 0, hotValue: "-100" },
        { code: "B标签", docCount: 0, hotValue: "200" },
        { code: "标签9", docCount: 0, hotValue: "-100" },
        { code: "oooo", docCount: 0, hotValue: "-100" },
        { code: "wwww", docCount: 0, hotValue: "-100" },
        { code: "标签23", docCount: 0, hotValue: "-100" },
        { code: "标签11", docCount: 0, hotValue: "-100" },
        { code: "999999999", docCount: 0, hotValue: "-100" }
      ]
    };
  }
}).$mount('#app')
</script>
